@charset "UTF-8";

/* -------------------------------------------------
 * user css
 * ------------------------------------------------- */

.usr{
	.usr-l,.usr-r{
	}
	.usr-l{
		float: left;
		width: 950px;
	}
	.usr-r{
		float: right;
		width: 230px;
		h3{
			background-color: $white;
			font-weight: normal;
			text-indent: 10px;
			border-bottom: 1px dotted $grayColor;
		}
	}
}
.sec-pad{
	padding: 10px;
	background-color: $white;
}

.usr section{
	background-color: $white;
	// box-shadow: 0 0 5px rgba(0,0,0,0.1);
	hgroup{
		border-bottom: 1px dotted $grayColor;
		h2{
			display: inline-block;
			color: $themeColor;
			small{
				margin: 0 5px;
			}
		}
	}
	.paging,.go-page{
		margin-left: 20px;
	}
}
#attention{
	.list{
		width: 100%;
		background-color: $white;
		margin-top: -3px;
		.list-item{
			border: 1px solid $grayLightColor;
			overflow: hidden;
			margin: -1px -1px 0 0;
			width: 236px;
			height: 236px;
			a{
				width: 100%;
				height: 100%;
				display: inline-block;
				text-align: center;
				line-height: 236px;
			}
			img{
				display: inline-block;
				max-height: 100%;
				max-width: 100%;
				vertical-align: middle;
			}
		}
	}
}
#history{
}

#usr-friend-followed{
	.list{
		padding: 10px;
	}
	.list-item{
		position: relative;
		margin-right: 18px;
		margin-bottom: 10px;
	}
	.fr-img{
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		overflow: hidden;
		img{
			display: block;
		}
	}
	.fr-circle{
		position: absolute;
		right: 0;
		top: 0;
	}
	p{
		text-align: center;
		padding: 5px 0;
	}
}

#usr-friend-follower{
	.list{
		padding: 10px;
	}
	.list-item{
		position: relative;
		margin-right: 18px;
		margin-bottom: 10px;
	}
	.fr-img{
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		overflow: hidden;
		img{
			display: block;
		}
	}
	.fr-circle{
		position: absolute;
		right: 0;
		top: 0;
	}
	p{
		text-align: center;
		padding: 5px 0;
	}
}


#myself{
	.ms-level{
		width: 100%;
		display: table;
		text-align: center;
		span{
			display: table-cell;
			&:last-child{
				text-align: right;
				i{
					margin-left: 3px;
				}
			}
		}
	}
	.ms-info{
		margin: 10px 0;
		strong{
			display: block;
			width: 100%;
			text-align: center;
			line-height: 32px;
			font-size: 16px;
			font-family: Arial,"Microsoft Yahei";
		}
		.ms-name{
			background-color: $themeColor;
			color: $white;
		}
		.change-password{
			font-weight: normal;
		}
	}
	.my-img img{
	    margin-left:25%;	    
	}
}

#links-store{
	.links-to{
		padding: 10px;
		span{
			display: block;
			a{
				color: $themeColor;
			}
		}
	}
}

.tp-login{
	.tp-item{
		margin-top: 5px;
		line-height: 24px;
		img{
			width: 24px;
			height: 24px;
			vertical-align: top;
			margin-right: 5px;
		}
	}
	.tp-img{
		display: inline-block;
		width: 100px;
	}
	.hint-no{
		color: $unbindColor;
	}
	.hint-yes{
		color: $bindColor;
	}
	.bind,.unbind{
		margin-left: 5px;
		text-decoration: none;
		padding: 0 10px;
		border-radius: 3px;
		color: $white;
		background-color: $themeColor;
	}
	.unbind{
		background-color: $unbindColor;
	}
}

.paging{
	display: inline-block;
	span{
		display: inline-block;
		margin: 0 3px;
		width: 12px;
		height: 24px;
		text-align: center;
		line-height: 24px;
		a.curPage{
			font-weight: bold;
			color: $pageActiveColor;
		}
		a{
			color: $themeColor;
		}
		i{
			font-size: 18px;
			color: $themeColor;
		}
	}
}
.go-page{
	display: inline-block;
	span{
		color: $themeColor;
	}
	input[type='text']{
		background: none;
		border:none;
		font-size: 14px;
		height: 18px;
		width: 34px;
		line-height: 19px;
		text-align: center;
	}
	input::-webkit-placeholder{
		color: $themeColor;
		text-align: center;
	}
	input::-moz-placeholder{
		color: $themeColor;
		text-align: center;
	}
	a{
		color: $themeColor;
	}
}